<template style="height: 100%">
<div >
  <tou/>
  <second/>
<div style="background-image: url('https://i.alipayobjects.com/e/201311/1V4nsyvMbt_src.jpg'); background-repeat: no-repeat;height: 800px;background-size: cover ">
  <div>
    <br><br><br>
    <br><br>
    <span class="coloe">请扫码支付</span>
  </div>
  <br><br><br><br><br>
  <div>
    <img style="width: 300px" :src="url">
  </div>
  <br>
  <p style="font-size: 20px;color: black">谢谢惠顾，欢迎下次光临！！！</p>
  <el-button @click="$router.go(-1)" type="primary" round>我已支付</el-button>  <el-button @click="$router.go(-1)"  type="danger" round>取消支付</el-button>
</div>

</div>
</template>

<script>
import Tou from "./tou.vue";
import Second from "./second.vue";

export default {
  name: "pay",
  components: {Second, Tou},
  data(){
    return{
      url:'',
    }
  },
  methods:{

  },
  mounted() {
    this.url=this.$route.query.url
  }
}
</script>

<style scoped>
.coloe{
  font-size: 40px;margin-top: 2000px;
}
html,body{
  width:100%;
  height: 100%;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both
}

.box-card {
  width: 100%;
}
</style>
